import React from 'react';
import './index.scss'
import {Col, Row, Button} from 'antd';
import coupon from "../../../store/Coupon/coupon";

const GoDetailM=()=>{
    const columns = [
        {
            title: '手机号',//表格列名
            dataIndex: 'telNum',//对应数据字段
            key: 'telNum',//该列的唯一值
        },
        {
            title: '会员标签',
            dataIndex: 'memberLabel',
            key: 'memberLabel',
        },
        {
            title: '推送状态',
            dataIndex: 'pushStatus',
            key: 'pushStatus',
        },
    ];
    const data= coupon.checkPage
    return <div>
        <span className='xiangqing'>订单详情</span>
        <div className='lineItem'>
            {/* //第一个表格 */}
            <div className='heardTop'>
                <Row>
                    <Col span={24} style={{paddingLeft:'30px'}}>基本信息</Col>
                </Row>
            </div>
            <div className='bodyBox'>
                <Row>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>营销id</Col>
                    <Col span={7}>20180312152345201</Col>
                    <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>操作时间</Col>
                    <Col span={7}>2018-3-10 15:12:54</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>操作人</Col>
                    <Col span={7}>运营人员1号</Col>
                    <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>状态</Col>
                    <Col span={7}>待执行</Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>营销详情</Col>
                    <Col span={7}>赠送“优惠券名称”每人5张</Col>
                    <Col span={6} style={{backgroundColor:'rgb(242,242,242)'}}>短信内容</Col>
                    <Col span={7}></Col>
                </Row>
                <Row>
                    <Col span={4} style={{backgroundColor:'rgb(242,242,242)'}}>备注</Col>
                    <Col span={7}></Col>
                    <Col span={6}></Col>
                    <Col span={7}></Col>
                </Row>
            </div>
            {/* //第二个表格 */}
            <div className='heardTop'>
                <Row>
                    <Col span={24} style={{paddingLeft:'30px'}}>会员名单</Col>
                </Row>
            </div>
            <div className='bodyBox'>
                <Row>
                    <Col span={7} style={{backgroundColor:'rgb(242,242,242)'}}>手机号</Col>
                    <Col span={10} style={{backgroundColor:'rgb(242,242,242)'}}>会员标签</Col>
                    <Col span={7} style={{backgroundColor:'rgb(242,242,242)'}}>推送状态</Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}>13589684621</Col>
                    <Col span={10} style={{backgroundColor:'white'}}>土豪 多金 买买买</Col>
                    <Col span={7} style={{backgroundColor:'white'}}>未推送</Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}>13589684621</Col>
                    <Col span={10} style={{backgroundColor:'white'}}>土豪</Col>
                    <Col span={7} style={{backgroundColor:'white'}}>未推送</Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}>13589684621</Col>
                    <Col span={10} style={{backgroundColor:'white'}}>土豪 多金</Col>
                    <Col span={7} style={{backgroundColor:'white'}}>未推送</Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}>13589684621</Col>
                    <Col span={10} style={{backgroundColor:'white'}}>多金 买买买</Col>
                    <Col span={7} style={{backgroundColor:'white'}}>未推送</Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                    <Col span={10} style={{backgroundColor:'white'}}></Col>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                    <Col span={10} style={{backgroundColor:'white'}}></Col>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                    <Col span={10} style={{backgroundColor:'white'}}></Col>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                    <Col span={10} style={{backgroundColor:'white'}}></Col>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                </Row>
                <Row>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                    <Col span={10} style={{backgroundColor:'white'}}></Col>
                    <Col span={7} style={{backgroundColor:'white'}}></Col>
                </Row>
            </div>
            <div className='bodyBox'>
                <Row>
                    <Col span={24}>
                        <textarea></textarea>
                    </Col>
                </Row>
                <div className='buttBox'>
                    <div>
                        <Button  style={{backgroundColor:'black',color:'white'}}>修改备注</Button>
                    </div>
                    <div>
                        <Button  style={{backgroundColor:'black',color:'white'}}>启动</Button>
                    </div>
                    <div>
                        <Button  style={{backgroundColor:'black',color:'white'}}>保存</Button>
                    </div>
                    <div>
                        <Button  style={{backgroundColor:'black',color:'white'}}>取消</Button>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
export default GoDetailM